<template>
  <div>
    <i-frame :src="url" />
  </div>
</template>
<script>
  import iFrame from "@/components/iFrame/index";
export default {
  name: "Dashboard",
  components: { iFrame },
  data: () => ({
    url: "http://www.4399.com/"
  })
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="postcss" scoped>
#dashboard {
  text-align: center;
  & h1 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  & h3 {
    margin: 20px 0;
    font-weight: 400;
    & a {
      color: #51b883;
    }
  }
  & .logo {
    border-radius: 50%;
  }
}
</style>
